<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  哈哈哈哈
  <script src="dom.js"></script>
  <script>
//     function init() {
//   function getsize() {
//     document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px';
//   }
//   document.addEventListener('DOMContentLoaded', () => {
//     getsize()
//   }, false)
//   window.addEventListener('resize', () => {
//     getsize()
//   }, false)
// }
// //console.log('窗口大小法师遍布');


// function ready(fn) {
//   if (document.addEventListener) {
//     document.addEventListener('DOMContentLoaded', () => {
//       document.removeEventListener('DOMContentLoaded', arguments.callee, false);
//       fn()
//     }, false)
//   } else if (document.attachEvent) {
//     document.attachEvent('onreadystatechange', () => {
//       if (document.readyState === 'complete') {
//         document.detachEvent('onreadystatechange', arguments.callee)
//         fn()
//       }
//     })
//   }
// }
  </script>
</body>

</html>